<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>博客编辑页</title>
		<link rel="stylesheet" href="common.css"/>
		<link rel="stylesheet" href="blog_edit.css"/>
		<script src="jquery.min.js"></script>

		<!-- 引入 editor.md 的依赖 -->
		<link rel="stylesheet" href="editor.md/css/editormd.min.css" />
		<script src="editor.md/lib/marked.min.js"></script>
		<script src="editor.md/lib/prettify.min.js"></script>
		<script src="editor.md/editormd.js"></script>
	</head>
	<body>
		<!-- 导航栏 -->
		<div class="nav">
			<!-- logo -->
			<img src="./000.jpg" >
			<div class="title">我的博客系统</div>
			<div class="spacer"></div>
			<a href="blog_list.html">主页</a>
			<a href="blog_edit.html">写博客</a>
			<a href="">注销</a>
		</div>

		<!-- 博客编辑页的版心 -->
		<div class="blog-edit-container">
			<form action="">
				<div class="title">
					<input type="text" id="title-input">
					<input type="submit" id="submit">
				</div>
				<!-- 博客编辑器，把md编辑器放到div中 -->
				<div id="editor"></div>
			</form>
		</div>

		<script>
			var editor=editormd("editor",{
				width:"100%",
				height:"calc(100%-50px)",
				markdown:"# 在这里写下一篇博客",
				path:"editor.md/lib/"
			});
		</script>
	</body>
</html>
